.pop {
  position: fixed !important;
  z-index: 11;
}

.text {
  &_left {
    text-align: left;
  }
  &_right {
    text-align: right;
  }
  &_center {
    text-align: center;
  }
  
  &_primary {
    color: #EB1313;
  }

  &_secondary {
    color: #249AFF;
  }
}

@mixin tag ($color) {
  align-items: center;
  border: 1px solid $color; /* no */
  border-radius: 0.02rem;
  color: $color;
  display: flex;
  font-size: 0.1rem;
  font-weight: bold;
  line-height: 1;
  margin-top: -0.02rem;
  margin-left: 0.06rem;
  padding: 0.02rem 0.05rem 0;
  white-space: nowrap;
}
.tag {
  &_dujia {
    @include tag(#FF5353);
  }
  &_libao {
    @include tag(#1C9DE1);
  }
}

@mixin btn ($bg, $color) {
  background-color: $bg;
  border-radius: 0.13rem;
  color: $color;
  font-size: 0.12rem;
  font-weight: bold;
  height: 100%;
  width: 100%;
}
.btn {
  &_primary {
    @include btn(#ff8600, #fff);
  }
  &_secondary {
    @include btn(#1c9de1, #fff);
  }
  &_default {
    pointer-events: none;
    opacity: 0.6;
  }
}

.darr,
.larr,
.rarr,
.uarr {
  border: 0.02rem solid #ccc;
  border-width: 0 0.02rem 0.02rem 0;
  display: inline-block;
  height: 0.1rem;
  margin-left: 0.03rem;
  width: 0.1rem;
}
.darr {
  transform: rotate(45deg)
}
.larr {
  transform: rotate(135deg)
}
.rarr {
  transform: rotate(-45deg)
}
.uarr {
  transform: rotate(-135deg)
}

.toast {
  bottom: 0.52rem;
  color: #fff;
  font-size: 0.15rem;
  left: 0.15rem;
  position: fixed;
  right: 0.15rem;
  text-align: center;
  transition: all 0.4s;
  z-index: 1001;

  &__msg {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0.06rem;
    display: inline-block;
    padding: 0.12rem 0.15rem;
  }
}